<template>
    <div class="block">
        <el-pagination
                @size-change="handleSizeChange1"
                @current-change="handleCurrentChange1"
                :current-page="currentPage1"
                :page-sizes="[10, 20, 50, 100]"
                :page-size="20"
                layout="total, sizes, prev, pager, next, jumper"
                :total="400"
        ></el-pagination>
    </div>
</template>

<script>
  module.exports = {
    name: 'foot-pagination',
    data(){
      return {
        currentPage1: 10,
      }
    },
    props: [
    ],
    methods:{
      handleSizeChange1(val) {
        console.log(`每页 ${val} 条`);
      },
      handleCurrentChange1(val) {
        console.log(`当前页: ${val}`);
      },
    }
  }
</script>

<style>

</style>
